<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="created" content="Fri, 15 Apr 2011 13:35:44 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>
    <head></head>
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
		<link href="css/main.css" rel="stylesheet" type="text/css">
		<link href="css/jquery.ui.all.css" rel="stylesheet" type="text/css">
		<link type="text/css" href="css/jquery-ui-1.8.11.custom.css" rel="stylesheet" />
		<link type="text/css" href="css/vscrollpromo.css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
		<script type="text/javascript" src="js/form.js"></script>
		<script type="text/javascript" src="js/jcarousellite_1.0.1.js"></script>
		<script type="text/javascript"> 
      $(function(){
        $("form").form();
			$(".newsticker-jcarousellite").jCarouselLite({
				vertical: true,
				hoverPause:true,
				visible: 6,
				auto:500,
				speed:1000
			});
			$(".newsticker-jcarousellite").addClass("ui-corner-all");
			<!-- $(".search").addClass("ui-corner-all"); -->
			$(".search").focus();
			
			<!-- sign in drop down -->
			$("#signin_menu").addClass("ui-corner-all");
			$(".signin").click(function(e) {
              e.preventDefault();
				  $("fieldset#signin_menu").toggle();
              $(".signin").toggleClass("menu-open");
          });

            $("fieldset#signin_menu").mouseup(function() {
                return false
            });
            $(document).mouseup(function(e) {
                if($(e.target).parent("a.signin").length==0) {
                    $(".signin").removeClass("menu-open");
                    $("fieldset#signin_menu").hide();
                }
            });            
			 <!-- sign in drop down - end -->
      });
		</script>
  </head>
  <body>
	 <div class="header">
	 	<div class="header_top">
			 <div class="header_top_left">
		
			 	  <ul class="hmenu">
				  	  <li><a href="www.dookh.com/signin" class="signin"><span>Sign in</span></a></li>
					  <li>&nbsp;|&nbsp;</li>
					  <li><a href="www.dookh.com/signup" class="signup">Signup</a></li>
				  </ul>
				 
				  <fieldset id="signin_menu">
				        <p id="status">
						Invalid username and password.
						</p>
						<br>
					    <p>
                    <label for="username">Username&nbsp;&nbsp;or&nbsp;&nbsp;email</label>
                    <input id="username" name="username" value="" title="username" tabindex="4" type="text">
						</p>
                    <p>			
        			  <label for="password">Password</label>
        			  <input id="password" name="password" value="" title="password" tabindex="5" type="password">
      				</p>
      				<p class="remember">
        			  <input id="signin_submit" value="Sign in" tabindex="6" type="submit">
        			  <input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox">
        			  <label for="remember">Remember me</label>
      				</p>
      				<p><a href="http://www.dookh.com/user/forget">Forget&nbsp;&nbsp;your&nbsp;&nbsp;password</a></p>
  			   </fieldset>
				
			 </div>
			 <div class="header_top_right">
			 	  <ul class="hmenu">
				  	  <li><a href="www.dookh.com/dev">Developer</a></li>
					  <li>&nbsp;|&nbsp;</li>
					  <li><a href="www.dookh.com/doc">Documentation</a></li>
					  <li>&nbsp;|&nbsp;</li>
					  <li><a href="www.dookh.com/com">Community</a></li>
				  </ul>
			 </div>			 
		</div>
		<div class="header_bottom">
		  <div class="header_bottom_left">
			<form id="frm_latest_promo">
           <fieldset class="latest_promo">
              <legend style="color:red; height:25px; padding:4px 5px 0 5px;">Latest Promotions</legend>
					Category: 
					<select>
 				   <option>Phone</option>
					   <option>Computer</option>
					   <option>Air-Conditioner</option>
					   <option>Fan</option>
				    </select>
					<div id="newsticker-demo">
    	  	  		 	  <div class="newsticker-jcarousellite">
				  	  		  	   <ul>
					      		   	   <li>
						   	  		   	   <div class="thumbnail">
							  	  		   		<img src="images/1.jpg">
							  			   </div>
							  			   <div class="info">
							  					 <a href="http://www.dookh.com/catalog/psc">PSC Computer</a>
												 <span class="cat">Buy Sony Vaio, free cellcard 5 USD</span>
							  			   </div>
							  			   <div class="clear"></div>
						  				</li>
						  				<li>
						  	  <div class="thumbnail">
							  	   <img src="images/2.jpg">
							  </div>
							  <div class="info">
							  	  <a href="http://www.dookh.com/catalog/anana">Anana Computer</a>
								  <span class="cat">Buy DeLL Latitude, free speakers</span>
							  </div>
							  <div class="clear"></div>
						   </li>
            		   <li>
						   	   <div class="thumbnail">
						   			<img src="images/3.jpg">
						   	   </div>
						   	   <div class="info">
						   			<a href="http://www.dookh.com/catalog/chhayhok">Chhay Hok Computer</a>
									<span class="cat">Discount 10% for every items</span>
						   	   </div>
						   	   <div class="clear"></div>
						   </li>
						   <li>
						       <div class="thumbnail">
							   		<img src="images/4.jpg">
							   </div>
							   <div class="info">
							   		<a href="http://www.dookh.com/catalog/ptc">PTC Computer</a>
									<span class="cat">Free laser mouse until June, 2011</span>
							   </div>
							   <div class="clear"></div>
							</li>
							<li>
								<div class="thumbnail">
									<img src="images/5.jpg">
								</div>
								<div class="info">
									 <a href="http://www.vladstudio.com/wallpaper/?space_travel">Aplus Computer</a>
									 <span class="cat">Free Kaspersky license for 1 year</span>
								</div>
								<div class="clear"></div>
							</li>
							<li>
								<div class="thumbnail">
									 <img src="images/6.jpg">
								</div>
								<div class="info">
									 <a href="http://www.dookh.com/catalog/goldstar">Gold Star Computer</a>
									 <span class="cat">Discount 10% until June</span>
								</div>
								<div class="clear"></div>
							</li>
        			</ul>
    			</div>
				</div>	
			</div>	
				  </legend>
				</fieldset>
		    </form>	
		  </div>
		  <div class="clear"></div>
		  <div class="left_separator"></div>
		  <div class="header_bottom_middle">
		    <form id="frm_search">
			 <input type="text" name="search_bar" class="search" maxlength="80">
			 <input type="image" name="btn_search" class="btn_search" src="images/search.png">
			   <table cellpadding="5" cellspacing="0">
			     <tr>
				   <td><input type="radio" name="a" value="catalog"/>Catalogs</td>
				   <td><input type="radio" name="a" value="classifieds"/>Classifieds</td> 
				   <td><input type="radio" name="a" value="lost&found">Lost&Found</td>
				   <td><input type="radio" name="a" value="announcement"/>Announcement</td>
				 </tr>
				 <tr>
				  <td colspan="4">
				  Category:
				  <select>
 				   <option>Phone</option>
					   <option>Computer</option>
					   <option>Air-Conditioner</option>
					   <option>Fan</option>
				  </select>
				  </td>
				 </tr>
				 <tr>
				   <td colspan="4">
				     <fieldset>
				       <legend>Price</legend>
					   <table cellpadding="0" cellspacing="0">
					     <tr>
						    <td>More than&nbsp;&nbsp;</td>
							<td><input type="text" name="in_lowest_price">USD</input></td>
						 </tr>
						 <tr>
						    <td>Less than&nbsp;&nbsp;&nbsp;&nbsp;</td>
							<td><input type="text" name="in_highest_price">USD</input></td>
						 </tr>
						 <tr>
						    <td>Results</td>
							<td><input type="text" name="in_results_page">results/page</input></td>
						 </tr>
					   </table>
					   <br>
					   <input type="radio" name="order">&nbsp;the most expensive to the cheapest</input><br>
					   <input type="radio" name="order">&nbsp;the cheapest to the most expensive</input>
				     </fieldset>
			      </td>
				 </tr>
				</table>
			 </form>
		  </div>
		  <div class="clear"></div>
		  <div class="header_bottom_right">
			 header bottom right
		  </div>
	 </div>
	 <div class="wrapper">
	 	   wrapper wrapper wrapper wrapper wrapper wrapper wrapper
		   wrapper wrapper wrapper wrapper wrapper wrapper wrapper
 	   wrapper wrapper wrapper wrapper wrapper wrapper wrapper
 	   wrapper wrapper wrapper wrapper wrapper wrapper wrapper
 	   wrapper wrapper wrapper wrapper wrapper wrapper wrapper
 	   wrapper wrapper wrapper wrapper wrapper wrapper wrapper
 	   wrapper wrapper wrapper wrapper wrapper wrapper wrapper
		   wrapper wrapper wrapper wrapper wrapper wrapper
		   wrapper wrapper wrapper wrapper wrapper wrapper wrapper
 	   wrapper wrapper wrapper wrapper wrapper wrapper wrapper
 	   wrapper wrapper wrapper wrapper wrapper wrapper wrapper
	 </div>
	 <div class="footer">
	 	   footer
	 </div>
  </body>
</html>